/******************************************************************************/
/******************************************************************************
File: 			dashboard_common.css	
Comments:		Main CSS file for the dashboard project.  
*******************************************************************************/
@import "reset.css";
html {
	background: #dcdac4;
}
body {
	background: #dcdac4;
	font-family: Arial, Helvetica, sans-serif;
	
}
a {
	text-decoration: none;
}
#container {
	background: transparent url(../images/dashboard/container_background.jpg) top center repeat-y;	
	margin: 10px auto 0 auto;
	width: 785px;
}
/***BRANDING ELEMENTS**********************************************************/
#branding {
	background: transparent url(../images/dashboard/temel_branding.jpg) top center no-repeat;
	padding: 0 0 20px 0;
}
#branding h1 a {
	
	text-indent: -9999px;
	display: block;
	margin: 0 0 0 30px;
	width: 90px;
	height: 22px;
}
#branding h2 {
	font-family: Georgia;
	font-size: 1.7em;
	padding: 30px 0 20px 30px;
	
}
#branding p {
	padding: 0 30px;
}

/***CONTENT ELEMENTS***********************************************************/

#content_main {
	overflow: hidden;
}
#content_psd, #content_jpg, #content_developedPages {
	float: left;
	width: 245px;
}
#content_psd {
	padding: 0 0 0 30px;
}
#content_psd h3, #content_developedPages h3 ,#content_jpg h3  {
	background: transparent url(../images/dashboard/heading_photoshop.jpg) top left no-repeat;
	float: left;
	height: 150px;
	text-indent: -9999px;
	width: 25px;
}
#content_psd h3 {
	height: 40px;
}
#content_jpg h3 {
	background: transparent url(../images/dashboard/heading_jpgs.jpg) 3px 0 no-repeat;
	padding: 0 0 0 3px;
}
#content_developedPages h3 {
	background: transparent url(../images/dashboard/heading_developedPages.jpg) 8px 0 no-repeat;
	padding: 0 0 0 8px;
}
p {
	color: #6e6f64;
	font-weight: bold;
	padding: 5px;
	line-height: 1.3em;
}
ul li {
	line-height: 1.7em;
	padding: 3px 0 3px 17px;
}

li.headline {
	background: transparent url(../images/dashboard/normalArrow.jpg) 9px 10px no-repeat;
	font-weight: bold;
}
li.headline a {
	color: #808285;
}

li.headline_selected {
	background: transparent url(../images/dashboard/downArrow.jpg) 7px 12px no-repeat;
	font-weight: bold;	
}
li.headline_selected a{
	color: #ec6913;
}
div#content_psd li.file {
	background: transparent url(../images/dashboard/icon_photoshop.gif) 0 4px no-repeat;
}
div#content_jpg li.file {
	background: transparent url(../images/dashboard/icon_jpgs.gif) 0 4px no-repeat;
}
div#content_developedPages li.file {
	background: transparent url(../images/dashboard/icon_developedPages.gif) 0 4px no-repeat;	
}
li.file {
	border-bottom: 1px solid #eaeae7;
	font-weight: normal;
}
li.file a { 
	color: #808285;
	padding: 0 0 0 5px;
}
.content_column {
	float: left;
	width: 210px;
}
/***SITEINFO ELEMENTS**********************************************************/
#siteInfo {
	background: transparent url(../images/dashboard/siteinfo_background.jpg) top center no-repeat;	
	clear: both;
	color: #606066;
	font-size: .8em;
	font-weight: bold;
	margin: 0 auto;
	padding: 22px 10px 0 0;
	text-align: right;
	text-transform: uppercase;
	width: 785px;
}